import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DrawPointComponent } from './pages/ch02/draw-point/draw-point.component';
import { HelloWebGLComponent } from './pages/ch02/hello-webgl/hello-webgl.component';
import { MultiPointComponent } from './pages/ch03/multi-point/multi-point.component';
import { TranformTriangleComponent } from './pages/ch03/transform-triangle/transform-triangle.component';
import { RotatedMatrix4Component } from './pages/ch04/rotated-matrix4/rotated-matrix4.component';
import { ColorPickComponent } from './pages/ch05/color-pick/color-pick.component';
import { ColorTriangleComponent } from './pages/ch05/color-triangle/color-triangle.component';
import { TextureRectComponent } from './pages/ch05/texture-rect/texture-rect.component';
import { LookatKeyComponent } from './pages/ch07/lookat-key/lookat-key.component';
import { LookatRotateComponent } from './pages/ch07/lookat-rotate/lookat-rotate.component';
import { LookatTrianleComponent } from './pages/ch07/lookat-triangle/lookat-trianle.component';


const routes: Routes = [
  { path: '', component: HelloWebGLComponent }, 
  { path: 'ch02/hello-webgl', component: HelloWebGLComponent }, 
  { path: 'ch02/drawpoint', component: DrawPointComponent }, 
  { path: 'ch03/multipoint', component: MultiPointComponent }, 
  { path: 'ch03/transform', component: TranformTriangleComponent }, 
  { path: 'ch04/rotated-matrix4', component: RotatedMatrix4Component }, 
  { path: 'ch05/color-triangle', component: ColorTriangleComponent }, 
  { path: 'ch05/color-pick', component: ColorPickComponent }, 
  { path: 'ch05/texture-rect', component: TextureRectComponent }, 
  { path: 'ch07/lookat-triangle', component: LookatTrianleComponent }, 
  { path: 'ch07/lookat-rotate', component: LookatRotateComponent }, 
  { path: 'ch07/lookat-key', component: LookatKeyComponent }, 
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }
